@import "../_function";
@import "../_mixin";
@import "../_variables";

.home-recommend-item {
	width: pr(490);
	height: pr(700);
	overflow: hidden;
	margin-top: pr(35);
	padding-bottom: pr(20);
	&:nth-child(1), &:nth-child(2) {
		margin-top: 0;
	}
	.home-recommend-item-image {
		width: 100%;
		height: pr(490);
		position: relative;
		background: $bgColor;
		img {
			width: 100%;
			background: $bgColorMain;
		}
	}
	.home-recommend-item-detail {
		position: relative;
		padding-right: pr(15);
		.home-recommend-item-detail-title {
			margin-top: pr(25);
			font-size: pr(40);
			@include text-ellipsis
		}
		.home-recommend-item-detail-characteristic {
			margin-top: pr(18);
			font-size: pr(33);
			color: $describeColor;
			@include text-ellipsis;
			&.characteristic-position {
				position: absolute;
				top: pr(-135);
				width: 100%;
				height: pr(95);
				line-height: pr(95);
				padding: 0 pr(14);
				box-sizing: border-box;
				background: #f0edd4;
				color: #b69b72;
			}
		}
		.home-recommend-item-detail-price {
			margin-top: pr(24);
			font-size: pr(40);
			display: flex;
			align-items: center;
			justify-content: space-between;
			span:nth-child(1) {
				font-weight: bold;
				color: $priceColor;
			}
			span:last-child {
				font-size: pr(30);
				color: $describeColor;
			}
		}
	}
}
